.pe-badge {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    z-index: 1;

    .pe-badge-cir {
        height: 16px;
        line-height: 16px;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 8px;
        background-color: #ff0000;
        color: var(--pe-color-white);
        padding: 0 5px;
        font-size: var(--pe-font-size-small);
        border: 1px solid var(--pe-color-white);
    }

    .pr-badge-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #ff0000;
        position: absolute;
        top: -5px;
        right: -5px;
        border: 1px solid var(--pe-color-white);
    }
}